<link rel='stylesheet' href='/stylesheets/user.css' />
<div class="user">
    <div class="user-container">
        <section class="user-news">
            <img src="{{user.headimgurl}}" alt="xxx">
            <p class="user-name">{{user.username}}</p>
        </section>
        <section class="tab">
            <ul>
                <li class="active">我的关注</li>
                <li>购买记录</li>
                <li>消息列表</li>
                <li>我的信息</li>
            </ul>
        </section>
    </div>

    <div class="main">
        <!-- <div class="main1"></div> -->
        <div class="main1 hide">
            <div class="list list-common">
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="main2 hide">
            <div class="list list-common">
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="item">
                    <img src="https://d13yacurqjgara.cloudfront.net/users/331378/screenshots/2680896/dribbble-poster_teaser.png" />
                    <p class="description">艺术来源于生活，艺术让生活变得更美，让人们更加快乐，学会艺术，享受艺术！</p>
                    <div class="other">
                        <ul>
                            <li class="cancel-focus">取消关注</li>
                            <li>
                                <i class="iconfont icon-eye look-icon"></i>
                                <span>1,100</span>
                            </li>
                            <li>
                                <i class="iconfont icon-heart1 like-icon"></i>
                                <span>1,100</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="main3 hide">
            <div class="notice">
                <div class="notice-list">
                    <ul>
                        <li>
                            <img src="https://d13yacurqjgara.cloudfront.net/users/16711/avatars/normal/c4402877709d043f26b6b96a720a7e23.png?1467147284" alt="xxx" />
                            <div class="notice-news">
                                <p class="title"><span class="name">mike alone</span> <span>2016-01-03</span></p>
                                <p class="content">爱我所爱，好好照顾她！</p>
                            </div>
                        </li>

                        <li>
                            <img src="https://d13yacurqjgara.cloudfront.net/users/16711/avatars/normal/c4402877709d043f26b6b96a720a7e23.png?1467147284" alt="xxx" />
                            <div class="notice-news">
                                <p class="title"><span class="name">mike alone</span> <span>2016-01-03</span></p>
                                <p class="content">爱我所爱，好好照顾她！</p>
                            </div>
                        </li>

                        <li>
                            <img src="https://d13yacurqjgara.cloudfront.net/users/16711/avatars/normal/c4402877709d043f26b6b96a720a7e23.png?1467147284" alt="xxx" />
                            <div class="notice-news">
                                <p class="title"><span class="name">mike alone</span> <span>2016-01-03</span></p>
                                <p class="content">爱我所爱，好好照顾她！</p>
                            </div>
                        </li>

                        <li>
                            <img src="https://d13yacurqjgara.cloudfront.net/users/16711/avatars/normal/c4402877709d043f26b6b96a720a7e23.png?1467147284" alt="xxx" />
                            <div class="notice-news">
                                <p class="title"><span class="name">mike alone</span> <span>2016-01-03</span></p>
                                <p class="content">爱我所爱，好好照顾她！</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="notice-content">
                    <div class='user-container'>
                        <img src="https://d13yacurqjgara.cloudfront.net/users/16711/avatars/normal/c4402877709d043f26b6b96a720a7e23.png?1467147284" alt="xxx" />
                        <p><span class="username">WTBF</span>&nbsp;|&nbsp;<span>2016-17-18</span></p>
                    </div>

                    <div class="notice-txt">
                        <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="main4 focus">
            <form id="usernews-form" class="usernews-form" action="/user/{{user._id}}/edit" method="post">
                <div class="form-group file-group">
                    <label></label>
                    <div class="group-right">
                        <div class="user-headImg">
                            <img src="{{user.headimgurl}}" alt="xxx" />
                        </div>
                        <input type="file" class="upload-userhead" name>
                    </div>
                </div>

                <div class="form-group input-group">
                    <label for="username">昵称：</label>
                    <div class="group-right">
                        <input type="text" id="username" name="username" placeholder="请输入昵称" value={{user.username}}>
                    </div>
                </div>

                <div class="form-group input-group">
                    <label for="email">邮箱：</label>
                    <div class="group-right">
                        <input type="text" id="email" name="email" placeholder="请输入邮箱" value={{user.email}}>
                    </div>
                </div>

                <div class="form-group input-group">
                    <label for="phone">手机：</label>
                    <div class="group-right">
                        <input type="text" id="phone" name="phone" placeholder="请输入手机" value={{user.phone}}>
                    </div>
                </div>

                <div class="form-group input-group">
                    <label for="pwd">密码：</label>
                    <div class="group-right">
                        <input type="password" id="pwd" name="pwd" placeholder="请输入密码" value={{user.password}}>
                    </div>
                </div>

                <div class="form-group btn-group">
                    <label></label>
                    <div class="group-right">
                        <input type="submit" id="sure" value="提交">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div> 
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="/javascripts/libs/jquery.validate.min.js"></script>
<script src="/javascripts/user.js"></script>